草庐IT

html - CSS 延迟 :active selector taking effect

全部标签

javascript - Jquery 在点击时更改 CSS 类

我正在做一个项目,我有一些像选项卡这样的anchor,每个anchor都有一些CSS类,选定的选项卡有单独的css类。我正在单击选项卡,我想将其CSS类更改为选定的css类我已经完成了此功能,但我遇到了一些问题,因为之前选择的选项卡也具有相同的类,我如何才能将之前选择的选项卡更改为未选择类,下面是我的代码$(".btn").each(function(){$(this).click(function(){$(this).removeClass("course-btn-tab").addClass("course-btn-tab-selected");});});ABCD

javascript - 使用 javascript 将一个 CSS 类添加到具有另一个类名的所有元素

我正在尝试使用javascript将一个类添加到具有不同类的所有元素。我知道你可能认为这是多余的,但对于我所处的情况来说,这是需要的。我需要一种方法来查看具有该类名的所有元素并添加该类,但我不明白如何计算?我正在使用cms工作,我不能在它自己的类中更改样式。$(document).ready(function(){varClassBtn=document.getElementsByClassName("buttonSubmit");ClassBtn.className=ClassBtn.className+"btn";}); 最佳答案

javascript - 如何在文档中获取(具有)最高 CSS z-index 的(元素)?

这个问题再简单不过了。z-index值由style=...或className分配,无论是否使用Javascript。我认为这不重要。我如何找到(使用Javascript)最高的z-index?(它所使用的元素会很好,但不是必需的。)您不能使用(新的)querySelector,因为它不查询CSS值。有什么方法可以查询CSS吗?(不是样式表,而是实际使用的值。)格拉兹获取前5个元素+z索引:Array.from(document.querySelectorAll('*')).map(el=>[el,getComputedStyle(el).zIndex]).filter(v=>!isN

javascript - 在 em 中获取 CSS 中定义的元素的宽度

我无法获取CSS中定义的元素的宽度。我想出了如何使用Javascript获取CSS规则,但我无法访问宽度。Menu是我在CSS中使用em定义的固定宽度。我正在尝试根据浏览器窗口减去固定的菜单宽度来更改div1的宽度。注意:我已经尝试使用style.width,但它在控制台中返回了一个空行。jsfiddle:http://jsfiddle.net/kj6pQ/vardiv1=document.createElement('div'),css=getMatchedCSSRules(document.getElementById('menu'));console.log(css);//wor

javascript - Vuejs - 在输入时运行一个函数(但有延迟)

我有一个输入字段,v-on:input它运行一个名为activate的方法,如下所示:exportdefault:{data(){return{isHidden:true}},methods:{activate(){this.isHidden=false;}}}isHidden打开/关闭一些图标(这个数据属性是什么并不重要;我只是将它用于示例目的)。目前,当用户执行input时,它会立即打开activate功能。有没有办法通过setTimeout延迟它?我已尝试执行以下操作,但它不起作用:methods:{setTimeout(function(){activate(){this.is

javascript - React Styled Components - 如何访问原始 html

我有一个组件的引用,我正在将其转换为styledcomponent在我的应用程序中。ref用于访问组件的原始html元素上的offsetHeight和scrollHeight属性。将此组件切换为样式化组件后,ref现在指向样式化组件而不是原始html元素,我不确定如何引用基本元素。这能做到吗?例子:constTextArea=styled.textarea`display:block;margin:00018%;padding:4px6px;width:64%;font-size:1rem;color:#111;`;exportdefaultclassInputextendsCompo

javascript - CSS 模块不适用于 React 版本 16.6.0

我试图在React中使用CSS模块。这是我的App.js代码importReactfrom'react';importstylesfrom'./index.css'constApp=()=>{constREACT_VERSION=React.version;return(MainappGreenYellowReactversion:{REACT_VERSION});};exportdefaultApp;这是我的index.css代码.test{background:black;color:white;font-size:34px;border:34px;}这是输出我知道我要修改webp

javascript - 使用 CSS(也许还有 JavaScript)使元素成为正方形(或保持特定的纵横比)

我有一个div,我希望它具有以下特征:宽度=其父元素的50%高度等于为保持特定纵横比所需的任何高度。我需要使用百分比,因为当浏览器调整大小时,对象会左右调整大小。我希望对象从上到下调整大小以确保对象保持相同的纵横比。我不认为有任何方法可以使用纯CSS来做到这一点,但是有人知道一种方法吗?或者,是否有一种简单的JavaScript方法可以做到这一点?(JQuery很好。) 最佳答案 虽然您需要使用透明图像,但我想出了如何在没有js的情况下执行此操作。设置一个html结构,如:Yourfavoritecontenthere为rect_i

javascript - jQuery 可以解析存储在变量中的 HTML 吗?

我正在使用PHP和ajax命令获取外部网页的全部HTML内容(通过PHPfile_get_contents()命令)并将该HTML传递到javascript变量中。一旦我将页面的HTML内容存储在一个变量中,我是否可以使用jQuery与该变量的内容交互,就像jQuery通常与DOM交互一样?在此示例中,我试图搜索具有特定ID属性的某些HTML元素(和标签)是否存在。谁能建议我如何才能做到这一点? 最佳答案 如果我理解正确的话,您应该能够将变量传递给jQuery函数并相应地工作。.filter()的简单示例:$(myHtml).fil

javascript - 如何在 html 应用程序中保护用于解析的 Rest API key

我一直在学习Angular.js并使用了Parse作为后端服务。要将数据发布到ParseRESTfulAPI,您可以在请求的header中传递RESTAPIkey和AppID,如下所示:varconfig={headers:{"X-Parse-REST-API-Key":"someapikey","X-Parse-Application-Id":"someappid"}};$http.post("https://api.parse.com/1/classes/myobject",obj,config).success(function(data){console.log(data);}